<template>
  <div>
    <div v-for="book in bookList" :key="book.bookName">
      <img :src="book.cover" :alt="book.bookName">
      <h3>{{ book.bookName }}</h3>
      <p>{{ book.description }}</p>
    </div>
  </div>
</template>

<script>
import bookList from '@/store/bookList.js';

export default {
  data() {
    return {
      bookList: bookList
    };
  }
};
</script>